<template>
  <div class="app-home">
    <div>appHome</div>
    <br />
    <router-link to="home">home</router-link>
    <router-link to="course">course</router-link>
    <router-link to="video">video</router-link>
  </div>
</template>

<script>
import { mapGetters } from 'vuex';

export default {
  name: 'appHome',
  computed: {
    ...mapGetters(['device']),
  },
};
</script>

<style>
.app-home {
  width: 100%;
  height: 100%;

  background-color: palevioletred;
}
</style>
